<template>
    <button class="btn" :class="isDel ? 'del' : ''">
        <slot />
    </button>
</template>

<script>
export default {
    props: { isDel: Boolean }
}
</script>

<style lang="scss">
.btn {
    @apply border-none rounded-none px-3 bg-green-700 text-white hover:opacity-80 duration-300 font-bold;
    &.del {
        @apply bg-gray-700;
    }
}
</style>
